<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Tree Demo</title>
	<link rel="stylesheet" type="text/css" href="css/tree_component.css" />
	<link rel="stylesheet" type="text/css" href="css/jquery.tabpanel.css"/>
	<link rel="stylesheet" type="text/css" href="css/ui.jqgrid.css">
	<link rel="stylesheet" type="text/css" href="images/jqgrid/jquery-ui-1.7.1.custom.css">
	<link rel="stylesheet" type="text/css" href="css/jquery.magicform.css"/>
	<link rel="stylesheet" type="text/css" href="css/jquery.magicwork.css"/>
	<script type="text/javascript" src="javascript/_lib.js"></script>
	<script type="text/javascript" src="javascript/jquery.ui.all.js"></script>
	<script type="text/javascript" src="javascript/jquery.hotkeys.js"></script>
	<script type="text/javascript" src="javascript/i18n/grid.locale-en.js"></script>
	<script type="text/javascript" src="javascript/jquery.jqGrid.min.js"></script>
	<script type="text/javascript" src="javascript/jquery.form.js"></script>
	<script type="text/javascript" src="javascript/utils.js"></script>
	<script type="text/javascript" src="javascript/jquery.tabpanel.js"></script>
	<script type="text/javascript" src="javascript/jquery.magicform.js"></script>
	<script type="text/javascript" src="javascript/jquery.magicwork.js"></script>
	<script type="text/javascript">
	$(function () {
		$("#magicwork").MagicWork({
			table:'<%=request.getParameter("table")%>',
			url:{
				init:'table?x_type=json&x_table=',
				create:'table/do?x_type=create&x_table=',
				read:'table/do?x_type=read&x_table=',
				update:'table/do?x_type=update&x_table=',
				updatecallback:function(){
				},
				drop:'table/do?x_type=delete&x_table='
			}
		});
	});
	</script>
</head>
<body>
	<div id="magicwork"></div>
</body>
</html>